/**
 * request 网络请求工具
 * 更详细的 api 文档: https://github.com/umijs/umi-request
 */
import { extend } from 'umi-request';
import { notification } from 'antd';
import router from 'umi/router';
import Redirect from 'umi/redirect';
import configs from '../../config/env'

const codeMessage = {
    200: '服务器成功返回请求的数据。',
    201: '新建或修改数据成功。',
    202: '一个请求已经进入后台排队（异步任务）。',
    204: '删除数据成功。',
    400: '发出的请求有错误，服务器没有进行新建或修改数据的操作。',
    401: '用户没有权限（令牌、用户名、密码错误）。',
    403: '用户得到授权，但是访问是被禁止的。',
    404: '发出的请求针对的是不存在的记录，服务器没有进行操作。',
    406: '请求的格式不可得。',
    410: '请求的资源被永久删除，且不会再得到的。',
    422: '当创建一个对象时，发生一个验证错误。',
    500: '服务器发生错误，请检查服务器。',
    502: '网关错误。',
    503: '服务不可用，服务器暂时过载或维护。',
    504: '网关超时。',
};

/**
 * 异常处理程序
 */
const errorHandler = error => {
    const { response } = error;

    if (response && response.status) {
        const errorText = codeMessage[response.status] || response.statusText;
        const { status, url } = response;
        notification.error({
            message: `请求错误 ${status}: ${url}`,
            description: errorText,
        });
    }

    return response;
};

/**
 * 配置request请求时的默认参数
 */
const request = extend({
    prefix: configs[API_ENV].API_SERVER,
    errorHandler, // 默认错误处理
    credentials: 'include', // 默认请求是否带上cookie
});

let pending = []; //声明一个数组用于存储每个请求的取消函数和标识
const CancelToken = request.CancelToken;
let removePending = (config) => {
    for (let i in pending) {
        // pending[i].f(); //执行取消操作
        if (pending[i].url === config) { //在当前请求在数组中存在时执行取消函数
            pending[i].f(); //执行取消操作
            //pending.splice(i, 1); 根据具体情况决定是否在这里就把pending去掉
        }
    }
}

// request拦截器, 改变url 或 options.
request.interceptors.request.use(async (url, options) => {
    removePending(url); //在一个发送前执行一下判定操作，在removePending中执行取消操作
    CancelToken: new CancelToken(function executor(c) {
        pending.push({
            url,
            f: c
        });
    })

    //将本次的url添加到pending中，因此对于某个url第一次发起的请求不会被取消，因为还没有配置取消函数
    const accessToken = localStorage.getItem("accessToken");
    if (accessToken) {
        const headers = {
            'Authorization': `Bearer ${btoa(accessToken)}`,
        };
        return ({
            url,
            options: { ...options, headers },
        });
    }
})

// response拦截器, 处理response
request.interceptors.response.use(async (response, options) => {
    // removePending(response.url); //在一个响应后再执行一下取消操作，把已经完成的请求从pending中移除
    if (response && response.status === 401) {
        router.replace('/login');
    }
    const responseResult = await response.clone().json();
    if (responseResult.code === '0') {
        return responseResult;
    }
    const errorText = responseResult.message || responseResult.error || '未知异常';
    notification.error({
        message: `请求错误`,
        description: errorText,
    });
});

//默认为json(requestType:'json')形式传参，当需要formData形式时，传字段'form'(requestType:'form')
request.post = (url, data, requestType = 'json') => request(url, { method: 'POST', data, requestType });

export default request